<!DOCTYPE html>
<html class="no-js" lang="pt">
<head>
<title>ReviewIt</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<link rel="stylesheet" href="../css/normalize.css" />
<link rel="stylesheet" href="../css/foundation.css" />
<link rel="stylesheet" href="../css/font_awesome.css" />
<link rel="stylesheet" href="../css/bubble_effect.css" />
<link rel="stylesheet" href="../css/app.css" />
<script src="../js/modernizr.js"></script>
</head>
<body id="index">
	<header id="header" class="row">
		<div class="large-12 columns">
			<a id="header-logo" href="" class="left"> <img
				src="../images/reviewit.png" alt="ReviewIt" style="width: 250px;">
			</a>
			<nav id="header-nav" class="right">
				<div class="text-right">
					<a href="" data-reveal-id="modal-login" class="small button">Entrar</a>
					<a href="" data-reveal-id="modal-register" class="small button">Registre-se</a>
				</div>
				<form id="form-search-docs" method="post" action="" class="right">
					<div class="row collapse">
						<div class="small-3 large-2 columns">
							<span class="prefix"><i class="icon-search"></i></span>
						</div>
						<div class="small-9 large-10 columns">
							<input type="text" placeholder="Procurar...">
						</div>
					</div>
				</form>
			</nav>
		</div>
	</header>

	<div id="bg">
		<div class="bg-layer-1"></div>
		<div class="bg-layer-2"></div>
		<div class="bg-layer-3"></div>
		<div class="bg-shadow"></div>
	</div>

	<div id="content" class="row">
		<div id="how-it-works">
			<h2>Como Funciona?</h2>

			<div class="steps transition-fast">
				<div class="icon-cloud-upload"></div>
				<h5>Publique seu Documento</h5>
			</div>
			<div class="step-arrow icon-arrow-right"></div>
			<div class="steps transition-fast">
				<div class="icon-group"></div>
				<h5>Aguarde pelo Feedback da Comunidade</h5>
			</div>
			<div class="step-arrow icon-arrow-right"></div>
			<div class="steps transition-fast">
				<div class="icon-refresh icon-spin"></div>
				<h5>Atualize seu Documento</h5>
			</div>
		</div>
	</div>

	<footer id="footer" class="row">
		<div class="large-10 large-centered columns">
			<div id="footer-copyright" class="left">
				&copy; 2013 <a href="">ReviewIt</a>
			</div>
			<div id="footer-social">
				<a href="" target="_blank"><img src="../images/facebook.png"></a>
				<a href="" target="_blank"><img src="../images/twitter.png"></a>
			</div>
			<nav id="footer-nav" class="right">
				<a href="">Home</a> | <a href="">Termos</a> | <a href="">Privacidade</a>
				| <a href="">Ajuda</a> | <a href="">Sobre</a>
			</nav>
		</div>
	</footer>

	<!-- Modals -->
	<div id="modal-login" class="reveal-modal small">
		<a class="close-reveal-modal">&#215;</a>
		<h3>
			<span class="icon-lock"></span>Login
		</h3>
		<div class="text-center">
			<!-- <div class="facebook-button">
				<form name="facebook" id="facebook" action="logado.html">	 
					<input type="hidden" name="login" id="login" value="">
					<input type="hidden" name="email" id="email" value="">
					<input type="hidden" name="tipoLogin" id="tipoLogin" value="facebook">
					<a href="javascript:loginWithFacebook();"><img src="../images/facebook_login.png"/></a>
				</form>
			</div>
			<div id="googleplus-button">
				<span class="g-signin"
				  data-callback="loginWithGoogle"
				  data-clientid="579031715076.apps.googleusercontent.com"
				  data-cookiepolicy="single_host_origin"
				  data-requestvisibleactions="http://schemas.google.com/AddActivity"
				  data-scope="https://www.googleapis.com/auth/plus.login">
				</span>
			</div>
			<h4>ou</h4> -->
		</div>
		<form method="post" action="">
			<label for="login-email">Email</label> <input id="login-email"
				name="login-email" type="text"> <label for="login-password">Senha</label>
			<input id="login-password" name="login-password" type="password">
			<hr>
			<button type="submit" class="small expand">Entrar</button>
		</form>
	</div>
	<div id="modal-register" class="reveal-modal small">
		<a class="close-reveal-modal">&#215;</a>
		<h3>
			<span class="icon-user"></span>Registre-se
		</h3>
		<div class="facebook-button">
			<a href=""></a>
		</div>
		<form method="post" action="">
			<label for="register-firstname">Nome</label> <input
				id="register-firstname" name="register-firstname" type="text">
			<label for="register-lastname">Sobrenome</label> <input
				id="register-lastname" name="register-lastname" type="text">
			<label for="register-email">Email</label> <input id="register-email"
				name="register-email" type="text"> <label
				for="register-password">Senha</label> <input id="register-password"
				name="register-password" type="password"> <label
				for="register-confirm-password">Confirmar Senha</label> <input
				id="register-confirm-password" name="register-confirm-password"
				type="password"> <label for="register-photo">Foto</label> <input
				id="register-photo" name="register-photo" type="file">
			<hr>
			<button type="submit" class="small expand">Registrar-se</button>
		</form>
	</div>

	<!-- Scripts -->
	<script type="text/javascript" src="../js/jquery.js"></script>
	<script type="text/javascript" src="../js/foundation.js"></script>
	<!-- <script type="text/javascript" src="../js/login.js"></script> -->
	<script type="text/javascript" src="../js/app.js"></script>
	<script>
		var disqus_shortname = 'reviewitproject';

        (function() {
            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
            dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
        })();
	</script>
</body>
</html>